<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>折扣套餐餐品</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="static/css/style.css">
</head>

<body>
<div class="container">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>折扣套餐餐品</legend>
    </fieldset>

    <form class="layui-form" style="margin-top: 100px;" ID="xxkj">

        <div class="layui-form-item shangpin">
            <div class="layui-inline">
                <label class="layui-form-label">选择套餐</label>
                <div class="layui-input-inline">
                    <select name="modules" lay-verify="required" lay-search="" id="xiala2" lay-filter="test">
                        <option value="">请选择套餐</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="layui-form-item shangpin">
            <div class="layui-inline">
                <label class="layui-form-label">选择商店内商品</label>
                <div class="layui-input-inline">
                    <select name="modules" lay-verify="required" lay-search="" id="xiala" lay-filter="test2">
                        <option value="">请选择商店内商品</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">套餐餐品价格</label>
            <div class="layui-input-block">
                <input type="text" name="postion" lay-verify="required" placeholder="销售价格（元）" autocomplete="off"
                       class="layui-input sale" style="width: 300px;">
            </div>
        </div>

    </form>

    <div style="margin-left:300px;margin-top: 50px; ">
        <button class="layui-btn layui-btn-lg layui-btn-normal" id="save">保存</button>
    </div>
</div>
<script type="text/javascript " src="js/jquery.min.js "></script>
<script src="js/common.js "></script>
<script src="layui/layui.js "></script>
<script src="layer-v3.1.1/layer/mobile/layer.js"></script>
<script>
    var form;
    var adid;
    var adcontent;
    var upload;
    var postion;
    var tid;
    $(function () {
        adid = getQueryString("adid");
        layui.use(['element', 'form', "upload"], function () {

            var $ = layui.jquery,
                element = layui.element;
            upload = layui.upload;
            form = layui.form;
            form.on('select(test)', function (data) {
                console.log(data.elem); //得到select原始DOM对象
                console.log(data.value); //得到被选中的值
                console.log(data.othis); //得到美化后的DOM对象
                tid = data.value;
                 tid= tid.split("|");

                $.ajax({
                    type: "POST", //提交方式
                    url: baseurl + "/product/checkProductListAll", //路径
                    data: {
                        diningId: tid[0]
                    },
                    success: function (data) { //返回数据根据结果进行相应的处理
                        data.data.forEach(function (item, index) {
                            $('#xiala').append(new Option(item.productName, item.id)); // 下拉菜单里添加元素
                        })
                        form.render(); //下拉菜单渲染 把内容加载进去

                    }
                });
            });
            $.ajax({
                type: "POST", //提交方式
                url: baseurl + "/taocan/taocanListAll", //路径
                //数据，这里使用的是Json格式进行传输
                success: function (data) { //返回数据根据结果进行相应的处理
                    var list
                    list = data.data;
                    list.forEach(function (item, index) {
                        $('#xiala2').append(new Option(item.name, item.dinid + "|" + item.id)); // 下拉菜单里添加元素
                    })
                    form.render(); //下拉菜单渲染 把内容加载进去

                }
            });
            $(document).on('click', '#save', function () {
                var xxkjx= $("#xiala2").val().split("|");
                $.ajax({
                    type: "POST", //提交方式
                    url: baseurl + "/taocan/addTaocanp", //路径
                    data: {
                        price: $(".sale").val(),
                        pid: $("#xiala").val(),
                        tid: xxkjx[1]
                    },
                    //数据，这里使用的是Json格式进行传输
                    success: function (data) { //返回数据根据结果进行相应的处理
                        form.render(); //下拉菜单渲染 把内容加载进去
                        layer.alert('新增成功', function () {
                            window.parent.location.reload();
                        });
                    }
                });
            });
            form.on('select(status)', function (data) {
                console.log(data.elem); //得到select原始DOM对象
                console.log(data.value); //得到被选中的值
                console.log(data.othis); //得到美化后的DOM对象

            });

        })

    })
</script>
</body>

</html>